<!DOCTYPE html>
<html>
<head>
    --<meta name="layout" content="main"/>
    <g:set var="entityName" value="${message(code: 'estate.label', default: 'estate')}"/>
    <title>还款情况</title>
    <style>
        .input-daterange .input-group-addon{
            padding: 6px 12px;
            font-size: 14px;
            font-weight: 400;
            line-height: 1;
            color: #555;
            text-align: center;
            border: 1px solid #ccc;
            border-radius: 4px;
            background: #fafbfc;
            border-color: #eaeaea !important;
            width: 1%;
            white-space: nowrap;
            vertical-align: middle;
            text-align: left;
        }
    </style>
</head>
<body class="fixed-navbar fixed-sidebar">
<div class="small-header">
    <div class="hpanel">
        <div class="panel-body">
            <div id="hbreadcrumb" class="pull-right">
                <ol class="hbreadcrumb breadcrumb">
                    <li>CINDATA PLS</li>
                    <li class="active">
                        <span>贷款还清时间统计</span>
                    </li>
                </ol>
            </div>

            <h2 class="font-light m-b-xs">
                %{--<i id="goBack" class="pe-7s-back fa-2x" style="position: absolute; top: 8px;"></i>--}%
               <span>贷款还清时间统计</span>
            </h2>
        </div>
    </div>
</div>

<g:include view="analyze/common1.gsp"></g:include>

<div class="row">
    <div class="hpanel hgreen">
        <div class="panel-heading">
            <div class="panel-tools">
                <a class="showhide"><i class="fa fa-chevron-up"></i></a>
            </div>
            贷款还清时间统计
        </div>
        <div class="panel-body">
            <!-- <ul id="myTab" class="nav nav-pills">
                <li class="selectedYear"><a href="" data-toggle="tab">${new Date().getYear() + 1900 - 9}</a></li>
                <li class="selectedYear"><a href="" data-toggle="tab">${new Date().getYear() + 1900 - 8}</a></li>
                <li class="selectedYear"><a href=""  data-toggle="tab">${new Date().getYear() + 1900 - 7}</a></li>
                <li class="selectedYear"><a href=""  data-toggle="tab">${new Date().getYear() + 1900 - 6}</a></li>
                <li class="selectedYear"><a href=""  data-toggle="tab">${new Date().getYear() + 1900 - 5}</a></li>
                <li class="selectedYear"><a href=""  data-toggle="tab">${new Date().getYear() + 1900 - 4}</a></li>
                <li class="selectedYear"><a href=""  data-toggle="tab">${new Date().getYear() + 1900 - 3}</a></li>
                <li class="selectedYear"><a href=""  data-toggle="tab">${new Date().getYear() + 1900 - 2}</a></li>
                <li class="selectedYear"><a href=""  data-toggle="tab">${new Date().getYear() + 1900 - 1}</a></li>
                <li class="selectedYear active"><a href=""  data-toggle="tab">${new Date().getYear() + 1900}</a></li>
            </ul> -->
            <div id="myChart4" style="width: 100%;height: 340px;"></div>
        </div>
    </div>
</div>

<asset:javascript src="echarts/echarts-all-3.js" />
<asset:javascript src="main/repaymentDateStatistics.js" />

<script>

    $(function(){
        $('#goBack').click(function(){
            window.history.back(-1);
        })
    })
</script>
</body>
</html>
